/********************************************************************************
 * Copyright (c) 2021,2022 Contributors to the CatenaX (ng) GitHub Organisation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Apache License, Version 2.0 which is available at
 * https://www.apache.org/licenses/LICENSE-2.0.
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations
 * under the License.
 *
 * SPDX-License-Identifier: Apache-2.0
 ********************************************************************************/

/*--------------------------------------------------------*/
/*  BASE CSS
/*--------------------------------------------------------*/

@layer base {
  body {
    @apply font-light bg-white m-0 p-0 overflow-hidden;
  }

  h1 {
    @apply font-extraBold lg:text-4xl sm:text-3xl uppercase text-primary;
  }

  h2 {
    @apply font-extraBold lg:text-3xl sm:text-2xl uppercase text-tundora;
  }

  h3 {
    @apply font-extraBold lg:text-2xl sm:text-xl text-tundora;
  }

  h4 {
    @apply font-extraBold lg:text-xl sm:text-lg text-tundora;
  }

  h5 {
    @apply font-extraBold lg:text-lg sm:text-base text-tundora;
  }

  .regular-text {
    @apply font-light lg:text-sm sm:text-xs text-tundora;
  }

  .errorMessage {
    @apply font-light lg:text-sm sm:text-xs text-error;
  }

  .large-text {
    @apply font-light lg:text-base sm:text-sm text-tundora;
  }

  .small-text {
    @apply font-light lg:text-xs sm:text-tiny text-tundora;
  }

  .component-headline {
    @apply font-extraBold lg:text-sm sm:text-xs text-tundora;
  }

  a {
    @apply font-light text-sm text-blueBayouxShadeLynch cursor-pointer hover:text-blueBayouxShadePigeonPost;
    text-decoration: none;
    white-space: pre-wrap;
    -webkit-font-smoothing: antialiased;
  }

  .mat-focused .mat-form-field-label {
    @apply text-primary !important;
  }

  .mat-form-field-ripple {
    @apply bg-primary !important;
  }

  .mat-icon-button {
    @apply focus:outline-none;
  }

  .mat-form-field {
    @apply font-light lg:text-base sm:text-sm text-tundora ml-0 !important;
  }
}
